<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>lotteryTicket</title>
        <meta name="author" content="12074563" />
        <link href="./css/lotteryTogether.css" type="text/css" rel="stylesheet" />
        <script type="text/javascript" src="./js/jquery-1.7.1.js"></script>
        <!-- Date: 2012-08-24 -->
    </head>
    <body>
        <div class="lotterMain">
            <div class="lotterWarp">
                <div class="lotterSide">
                    <div class="sidecon">
                        <h3 class="side_title">
                            <span>彩票列表</span>
                        </h3>
                        <ul class="side_body">
                            <li >
                                <div class="sbody_con">
                                    <table>
                                        <tr>
                                            <td rowspan="3" class="s_title">
                                                <span class="s_icon fc"></span>
                                                <span>福彩</span>
                                            </td>
                                            <td class="s_list">
                                                <a href="#">双色球</a>
                                            </td>
                                            <td ></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#" class="cur">七乐彩</a>
                                            </td>
                                            <td>
                                                <span class="t_lottery"></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">福彩3D</a>
                                            </td>
                                            <td>
                                                <span class="t_lottery"></span>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </li>
                            <li >
                                <div class="sbody_con">
                                    <table>
                                        <tr>
                                            <td rowspan="4" class="s_title">
                                                <span class="s_icon tc"></span>
                                                <span>体彩</span>
                                            </td>
                                            <td class="s_list">
                                                <a href="#">大乐透</a>
                                            </td>
                                            <td ></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">七星彩</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">排列三</a>
                                            </td>
                                            <td>
                                                <span class="t_lottery"></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">排列五</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </li>
                            <li >
                                <div class="sbody_con">
                                    <table>
                                        <tr>
                                            <td rowspan="4" class="s_title">
                                                <span class="s_icon zq"></span>
                                                <span>竞彩足球</span>
                                            </td>
                                            <td class="s_list">
                                                <a href="#">足球胜平负</a>
                                            </td>
                                            <td ></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">足球比分</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">足球总进球</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">半全场胜平负</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </li>
                            <li >
                                <div class="sbody_con">
                                    <table>
                                        <tr>
                                            <td rowspan="4" class="s_title">
                                                <span class="s_icon lq"></span>
                                                <span>竞彩篮球</span>
                                            </td>
                                            <td class="s_list">
                                                <a href="#">篮球胜负</a>
                                            </td>
                                            <td ></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">让分胜负</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">胜分差胜负</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">大小分</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </li>
                            <li >
                                <div class="sbody_con">
                                    <table>
                                        <tr>
                                            <td rowspan="4" class="s_title">
                                                <span class="s_icon zc"></span>
                                                <span>足彩</span>
                                            </td>
                                            <td class="s_list">
                                                <a href="#">胜负彩14场</a>
                                            </td>
                                            <td ></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">任选九场</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">六场半全场</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">四场进球</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </li>
                            <li >
                                <div class="sbody_con">
                                    <table>
                                        <tr>
                                            <td rowspan="5" class="s_title">
                                                <span class="s_icon dc"></span>
                                                <span>单场</span>
                                            </td>
                                            <td class="s_list">
                                                <a href="#">单场胜平负</a>
                                            </td>
                                            <td ></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">单场比分</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">单场总进球</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">单场半全场</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="s_list">
                                                <a href="#">单场上下盘</a>
                                            </td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="lotterCon">
                    <div class="lc_header">
                        <div class="lc_title">
                            <div class="lc_logo">
                                <div class="logo_con" >
                                    <span class="logo_icon dlt" ></span>
                                    <span class="logo_label">七彩乐</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon ssq"></span>
                                    <span class="logo_label">双色球</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon dlt"></span>
                                    <span class="logo_label">大乐透</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon sd"></span>
                                    <span class="logo_label">福彩3D</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon qxc"></span>
                                    <span class="logo_label">七星彩</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon dc"></span>
                                    <span class="logo_label">足彩单场</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon jczq"></span>
                                    <span class="logo_label">竞彩足球</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon plw"></span>
                                    <span class="logo_label">排列五</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon pls"></span>
                                    <span class="logo_label">排列三</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon jclq"></span>
                                    <span class="logo_label">竞彩篮球</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon zcjc"></span>
                                    <span class="logo_label">足彩任选九场</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon lcqc"></span>
                                    <span class="logo_label">六场半全场</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon scjq"></span>
                                    <span class="logo_label">四场进球</span>
                                </div>
                                <div class="logo_con" style="display:none">
                                    <span class="logo_icon zcssc"></span>
                                    <span class="logo_label">足彩十四场</span>
                                </div>

                                <div class="logo_desc">
                                    <span>什么是合买？ 如何发起合买？ 如何参与合买？</span>
                                    <a id="buyBtn" href="javascript:void(0)" class="buy_btn "></a>
                                </div>
                                <div id="logo_desc_list" class="logo_desc_list">
                                    <dl>
                                        <dd>
                                            <ul>
                                                <li>
                                                    <a href="#">竞彩足球</a>
                                                </li>
                                                <li>
                                                    <a href="#">竞彩篮球</a>
                                                </li>
                                                <li>
                                                    <a href="#">足球单场</a>
                                                </li>
                                                <li>
                                                    <a href="#">胜负彩</a>
                                                </li>
                                                <li>
                                                    <a href="#">任选九场</a>
                                                </li>
                                                <li>
                                                    <a href="#">六场半全场</a>
                                                </li>
                                                <li>
                                                    <a href="#">四场进球</a>
                                                </li>
                                            </ul>
                                        </dd>
                                        <dd class="last">
                                            <ul>
                                                <li>
                                                    <a href="#">双色球</a>
                                                </li>
                                                <li>
                                                    <a href="#">3D</a>
                                                </li>
                                                <li>
                                                    <a href="#">七乐彩</a>
                                                </li>
                                                <li>
                                                    <a href="#">大乐透</a>
                                                </li>
                                                <li>
                                                    <a href="#">排列三</a>
                                                </li>
                                                <li>
                                                    <a href="#">排列五</a>
                                                </li>
                                                <li>
                                                    <a href="#">七星彩</a>
                                                </li>
                                            </ul>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="lc_hbody">
                            <div class="lc_hbody_warp">
                                <div class="select_list">
                                    <select >
                                    <option>20803</option>
                                    <option>20803</option>
                                    <option>20803</option>
                                </select>
                                 <select >
                                    <option>未满员</option>
                                    <option>20803</option>
                                    <option>20803</option>
                                </select>
                                 <select >
                                    <option>不限佣金</option>
                                    <option>20803</option>
                                    <option>20803</option>
                                </select>
                                 <select >
                                    <option>不限保底</option>
                                    <option>20803</option>
                                    <option>20803</option>
                                </select>
                                <select >
                                    <option>全部金额</option>
                                    <option>20803</option>
                                    <option>20803</option>
                                </select>
                                <input class="filter_btn" type="button" value="筛 选" />
                                </div>
                                 <span class="logo_search">
                                     <span>发起人:</span>
                                     <span class="sponsor_search">
                                         <input type="text" />
                                     </span>
                                 </span>
                            </div>
                        </div>
                    </div>
                    <div class="lc_body">
                        <table>
                            <thead>
                                  <tr class="th">
                                    <td class="num">序号</td>
                                    <td class="sponsor">发起人</td>
                                    <td class="sponsor_score">发起人战绩</td>
                                    <td class="progress">进度+保底 <span class="lc_arrow_up"> </span> </td>
                                    <td class="porson_num">人数<span class="lc_arrow_down"> </span></td>
                                    <td class="price"><span class="planPrice">方案金额<span class="lc_arrow_up"> </span></span><span class="v_line_default">|</span>每份</td>
                                    <td class="buycount">认购份数</td>
                                    <td>操作</td>
                                  </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="num_clo"><span class="lc_ding"> </span></td>
                                    <td>
                                        <div class="lc_st">
                                            <span class="lc_lock"> </span>
                                             <label class="lc_label">阿土财主</label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_zj">
                                            <span class="lc_zjj5"> </span>
                                             <span class="lc_zjj2"> </span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_jd">
                                            <span>
                                            <div>
                                                83%+95%
                                            </div>
                                            <div class="jdCon">
                                                <div class="jd">
                                                    <div class="jd_con" style="width:80%"> </div>
                                                </div>
                                            </div>
                                        </span>
                                        <span class="red">
                                                                                                                          保
                                        </span>
                                        </div>
                                    </td>
                                    <td>2252</td>
                                    <td><span class="planPriceno">10,400元</span><span class="v_line">|</span>2.00元</td>
                                    <td><span>剩 </span><span>8885份</span></td>
                                    <td class="operating">
                                        <span class="buybtn">
                                            <input type="button" value="购买" />
                                        </span>
                                        <span class="buydesc">
                                            <input type="button" value="详情" /> 
                                        </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="num_clo"><span class="lc_ding"> </span></td>
                                    <td>
                                        <div class="lc_st">
                                            <span class="lc_lock"> </span>
                                             <label class="lc_label">神仙880</label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_zj">
                                            <span class="lc_zjj5"> </span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_jd">
                                            <span>
                                            <div>
                                                83%+95%
                                            </div>
                                            <div class="jdCon">
                                                <div class="jd">
                                                    <div class="jd_con" style="width:80%"> </div>
                                                </div>
                                            </div>
                                        </span>
                                        <span class="red">
                                                                                                                          保
                                        </span>
                                        </div>
                                    </td>
                                    <td>2252</td>
                                    <td><span class="planPriceno">10,400元</span><span class="v_line">|</span>2.00元</td>
                                    <td><span>剩 </span><span>8885份</span></td>
                                    <td class="operating">
                                        <span class="buybtn">
                                            <input type="button" value="购买" />
                                        </span>
                                        <span class="buydesc">
                                            <input type="button" value="详情" /> 
                                        </span>
                                    </td>
                                </tr>
                                <tr class="rowblue">
                                    <td class="num_clo"><span class="lc_jian"> </span></td>
                                    <td>
                                        <div class="lc_st">
                                            <span class="lc_open"> </span>
                                             <label class="lc_label">志在必得</label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_zj">
                                            <span class="lc_zjy4"> </span>
                                            <span class="lc_zjg2"> </span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_jd">
                                            <span>
                                            <div>
                                                18%+19% 
                                            </div>
                                            <div class="jdCon">
                                                <div class="jd">
                                                    <div class="jd_con" style="width:50%"> </div>
                                                </div>
                                            </div>
                                        </span>
                                        <span class="red">
                                                                                                                          保
                                        </span>
                                        </div>
                                    </td>
                                    <td>120</td>
                                    <td><span class="planPriceno">10,400元</span><span class="v_line">|</span>2.00元</td>
                                    <td><span>剩 </span><span>8885份</span></td>
                                    <td class="operating">
                                        <span class="buybtn_hide">
                                            <input type="button" value="购买" />
                                        </span>
                                        <span class="buydesc">
                                            <input type="button" value="详情" /> 
                                        </span>
                                    </td>
                                </tr>
                                <tr class="rowblue">
                                    <td class="num_clo"><span class="lc_jian"> </span></td>
                                    <td>
                                        <div class="lc_st">
                                            <span class="lc_open"> </span>
                                             <label class="lc_label">志在必得</label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_zj">
                                            <span class="lc_zjy4"> </span>
                                            <span class="lc_zjg2"> </span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_jd">
                                            <span>
                                            <div>
                                                18%+19% 
                                            </div>
                                            <div class="jdCon">
                                                <div class="jd">
                                                    <div class="jd_con" style="width:50%"> </div>
                                                </div>
                                            </div>
                                        </span>
                                        <span class="red">
                                                                                                                          保
                                        </span>
                                        </div>
                                    </td>
                                    <td>120</td>
                                    <td><span class="planPriceno">10,400元</span><span class="v_line">|</span>2.00元</td>
                                    <td><span>剩 </span><span>8885份</span></td>
                                    <td class="operating">
                                        <span class="buybtn_hide">
                                            <input type="button" value="购买" />
                                        </span>
                                        <span class="buydesc">
                                            <input type="button" value="详情" /> 
                                        </span>
                                    </td>
                                </tr>
                                <tr class="rowblue">
                                    <td class="num_clo"><span class="lc_jian"> </span></td>
                                    <td>
                                        <div class="lc_st">
                                            <span class="lc_open"> </span>
                                             <label class="lc_label">志在必得</label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_zj">
                                            <span class="lc_zjy4"> </span>
                                            <span class="lc_zjg2"> </span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_jd">
                                            <span>
                                            <div>
                                                18%+19% 
                                            </div>
                                            <div class="jdCon">
                                                <div class="jd">
                                                    <div class="jd_con" style="width:50%"> </div>
                                                </div>
                                            </div>
                                        </span>
                                        <span class="red">
                                                                                                                          保
                                        </span>
                                        </div>
                                    </td>
                                    <td>120</td>
                                    <td><span class="planPriceno">10,400元</span><span class="v_line">|</span>2.00元</td>
                                    <td><span>剩 </span><span>8885份</span></td>
                                    <td class="operating">
                                        <span class="buybtn">
                                            <input type="button" value="购买" />
                                        </span>
                                        <span class="buydesc">
                                            <input type="button" value="详情" /> 
                                        </span>
                                    </td>
                                </tr>
                                <tr >
                                    <td class="num_clo"><span class="num_normal"> 1 </span></td>
                                    <td>
                                        <div class="lc_st">
                                            <span class="lc_open"> </span>
                                             <label class="lc_label">志在必得</label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_zj">
                                            <span class="lc_zjy4"> </span>
                                            <span class="lc_zjg2"> </span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_jd">
                                            <span>
                                            <div>
                                                18%+19% 
                                            </div>
                                            <div class="jdCon">
                                                <div class="jd">
                                                    <div class="jd_con" style="width:50%"> </div>
                                                </div>
                                            </div>
                                        </span>
                                        <span class="red">
                                                                                                                          保
                                        </span>
                                        </div>
                                    </td>
                                    <td>120</td>
                                    <td><span class="planPriceno">10,400元</span><span class="v_line">|</span>2.00元</td>
                                    <td><span>剩 </span><span>8885份</span></td>
                                    <td class="operating">
                                        <span class="buybtn">
                                            <input type="button" value="购买" />
                                        </span>
                                        <span class="buydesc">
                                            <input type="button" value="详情" /> 
                                        </span>
                                    </td>
                                </tr>
                                <tr class="rowblue" >
                                    <td class="num_clo"><span class="num_normal"> 2 </span></td>
                                    <td>
                                        <div class="lc_st">
                                            <span class="lc_open"> </span>
                                             <label class="lc_label">志在必得</label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_zj">
                                            <span class="lc_zjy4"> </span>
                                            <span class="lc_zjg2"> </span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_jd">
                                            <span>
                                            <div>
                                                18%+19% 
                                            </div>
                                            <div class="jdCon">
                                                <div class="jd">
                                                    <div class="jd_con" style="width:50%"> </div>
                                                </div>
                                            </div>
                                        </span>
                                        <span class="red">
                                                                                                                          保
                                        </span>
                                        </div>
                                    </td>
                                    <td>120</td>
                                    <td><span class="planPriceno">10,400元</span><span class="v_line">|</span>2.00元</td>
                                    <td><span>剩 </span><span>8885份</span></td>
                                    <td class="operating">
                                        <span class="buybtn">
                                            <input type="button" value="购买" />
                                        </span>
                                        <span class="buydesc">
                                            <input type="button" value="详情" /> 
                                        </span>
                                    </td>
                                </tr>
                                <tr >
                                    <td class="num_clo"><span class="num_normal"> 3 </span></td>
                                    <td>
                                        <div class="lc_st">
                                            <span class="lc_open"> </span>
                                             <label class="lc_label">志在必得</label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_zj">
                                            <span class="lc_zjy4"> </span>
                                            <span class="lc_zjg2"> </span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_jd">
                                            <span>
                                            <div>
                                                18%+19% 
                                            </div>
                                            <div class="jdCon">
                                                <div class="jd">
                                                    <div class="jd_con" style="width:50%"> </div>
                                                </div>
                                            </div>
                                        </span>
                                        <span class="red">
                                                                                                                          保
                                        </span>
                                        </div>
                                    </td>
                                    <td>120</td>
                                    <td><span class="planPriceno">10,400元</span><span class="v_line">|</span>2.00元</td>
                                    <td><span>剩 </span><span>8885份</span></td>
                                    <td class="operating">
                                        <span class="buybtn">
                                            <input type="button" value="购买" />
                                        </span>
                                        <span class="buydesc">
                                            <input type="button" value="详情" /> 
                                        </span>
                                    </td>
                                </tr>
                                <tr class="rowblue" >
                                    <td class="num_clo"><span class="num_normal"> 4 </span></td>
                                    <td>
                                        <div class="lc_st">
                                            <span class="lc_open"> </span>
                                             <label class="lc_label">志在必得</label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_zj">
                                            <span class="lc_zjy3"> </span>
                                            <span class="lc_zjg2"> </span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="lc_jd">
                                            <span>
                                            <div>
                                                18%+19% 
                                            </div>
                                            <div class="jdCon">
                                                <div class="jd">
                                                    <div class="jd_con" style="width:50%"> </div>
                                                </div>
                                            </div>
                                        </span>
                                        <span class="red">
                                                                                                                          保
                                        </span>
                                        </div>
                                    </td>
                                    <td>120</td>
                                    <td><span class="planPriceno">10,400元</span><span class="v_line">|</span>2.00元</td>
                                    <td><span>剩 </span><span>8885份</span></td>
                                    <td class="operating">
                                        <span class="buybtn">
                                            <input type="button" value="购买" />
                                        </span>
                                        <span class="buydesc">
                                            <input type="button" value="详情" /> 
                                        </span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            (function(){
                $("#buyBtn").click(function(e){
                    if(!$(this).attr("flag")){
                        $(this).attr("flag", "true");
                        $(this).addClass("select");
                        $("#logo_desc_list").show();
                    }else{
                        $(this).removeClass("select");
                        $("#logo_desc_list").hide();
                        $(this).removeAttr("flag")
                    }
                    e.stopPropagation();
                });
                $("#logo_desc_list").find("a").click(function(e){
                    removeBtnCls();
                    e.stopPropagation();
                })
                $("body").click(function(e){  
                    if($("#buyBtn").attr("flag")){
                        removeBtnCls()
                    }
                })
                $("#logo_desc_list").click(function(e){
                    e.stopPropagation() 
                })
                function removeBtnCls(){
                    $("#buyBtn").removeClass("select");
                    $("#logo_desc_list").hide();
                    $("#buyBtn").removeAttr("flag");
                }
            })()
        </script>
    </body>
</html>

